<!DOCTYPE html>
<!--
    MobaXterm License Generator
    Copyright (c) 2023 HouYuXi
    https://github.com/houyuxi012/MobaXterm_License_Generator
    
    Author: HouYuXi
    Email: houyuxi123@gmail.com
    License: MIT
-->
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="googlebot" content="help,follow">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="MobaXterm License Generator ，MobaXterm许可证生成器 ，MobaXterm Crack。">
    <meta name="keywords" content="MobaXterm激活、MobaXterm许可证生成器">
    <meta name="author" content="houyuxi">
    <link rel="shortcut icon" href="img/favicon.ico"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>使用帮助 - MobaXterm License Generator</title>

    <!-- CSS 引用 -->
    <link href="./css/pure-min.css" rel="stylesheet" />
    <link href="./css/style.css" rel="stylesheet" />
    <link href="./css/help.css" rel="stylesheet" />
</head>

<body>
    <div id="app">
        <!-- 主题切换按钮 -->
        <div class="theme-switcher">
            <button :class="{ active: currentTheme === 'dark' }" 
                    @click="changeTheme('dark')" 
                    title="Dark Theme">
                🌙
            </button>
            <button :class="{ active: currentTheme === 'light' }" 
                    @click="changeTheme('light')" 
                    title="Light Theme">
                ☀️
            </button>
        </div>

        <!-- 语言切换器 -->
        <div class="language-switcher">
            <select v-model="currentLang" @change="changeLang" title="Select Language">
                <option value="en">🇺🇸 English</option>
                <option value="zh-CN">🇨🇳 简体中文</option>
                <option value="zh-TW">🇨🇳 繁體中文</option>
                <option value="ja">🇯🇵 日本語</option>
            </select>
        </div>

        <div class="box-main">
            <div class="content">
                <a href="index.html" class="back-button">← {{ i18n.backToHome }}</a>
                <h1>{{ i18n.helpTitle }}</h1>

                <div class="help-section">
                    <h2>{{ i18n.quickStart }}</h2>
                    <ol>
                        <li>{{ i18n.step1 }}</li>
                        <li>{{ i18n.step2 }}</li>
                        <li>{{ i18n.step3 }}</li>
                        <li>{{ i18n.step4 }}</li>
                        <li>{{ i18n.step5 }}</li>
                    </ol>
                </div>

                <div class="help-section">
                    <h2>{{ i18n.detailedGuide }}</h2>
                    
                    <h3>{{ i18n.licenseTypes }}</h3>
                    <ul>
                        <li>{{ i18n.professionalDesc }}</li>
                        <li>{{ i18n.educationalDesc }}</li>
                        <li>{{ i18n.personalDesc }}</li>
                    </ul>

                    <h3>{{ i18n.versionGuide }}</h3>
                    <p>{{ i18n.versionDesc }}</p>
                    <div class="note">
                        <p>{{ i18n.versionNote }}</p>
                    </div>

                    <h3>{{ i18n.installGuide }}</h3>
                    <p>{{ i18n.installDesc }}</p>
                    <ul>
                        <li>{{ i18n.installStep1 }}</li>
                        <li>{{ i18n.installStep2 }}</li>
                    </ul>
                </div>

                <div class="help-section">
                    <h2>{{ i18n.troubleshooting }}</h2>
                    <div class="warning">
                        <p>{{ i18n.troubleNote }}</p>
                    </div>
                    <ul>
                        <li>{{ i18n.trouble1 }}</li>
                        <li>{{ i18n.trouble2 }}</li>
                        <li>{{ i18n.trouble3 }}</li>
                    </ul>
                </div>

                <div class="help-section">
                    <h2>{{ i18n.disclaimer }}</h2>
                    <div class="warning">
                        <p>{{ i18n.disclaimerContent }}</p>
                    </div>
                    <p class="download-section">
                        <span>{{ i18n.downloadText }}</span>
                        <a href="https://mobaxterm.mobatek.net/download-home-edition.html"
                           class="download-link"
                           target="_blank"
                           rel="noopener noreferrer"
                           :title="i18n.downloadTooltip">
                            <svg class="download-icon" viewBox="0 0 24 24" width="24" height="24">
                                <path fill="currentColor" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 15l-4-4h2.5V7h3v6H16l-4 4z"/>
                            </svg>
                            <span>MobaXterm</span>
                        </a>
                    </p>
                </div>
            </div>
        </div>

        <footer class="footer">
            <p><a href="https://www.houyuxi.com" style="text-decoration: inherit; color: inherit;">{{ i18n.footer }}</a></p>
        </footer>
        <!-- 添加捐赠按钮 -->
        <a href="donate.html" class="donate-button" :title="i18n.donateTooltip">
            <svg class="donate-icon" viewBox="0 0 24 24">
                <path fill="currentColor" d="M12,2A10,10 0 0,1 22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2M12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,12A8,8 0 0,0 12,4M11,17V16H9V14H13V13H10A1,1 0 0,1 9,12V9A1,1 0 0,1 10,8H11V7H13V8H15V10H11V11H14A1,1 0 0,1 15,12V15A1,1 0 0,1 14,16H13V17H11Z"/>
            </svg>
        </a>
    </div>

    <script src="./js/vue.global.prod.js"></script>
    <script>
        const { createApp } = Vue;
        // 帮助页面的国际化文本
        const i18n = {
            'en': {
                helpTitle: 'User Guide',
                backToHome: 'Back to Generator',
                quickStart: 'Quick Start',
                step1: 'Select license type (Professional/Educational/Personal)',
                step2: 'Enter username (letters only)',
                step3: 'Enter version number (e.g., 24.0)',
                step4: 'Enter number of users (default: 1)',
                step5: 'Click "Generate License" button',
                detailedGuide: 'Detailed Guide',
                licenseTypes: 'License Types',
                professionalDesc: 'Professional: Full features, recommended for business use',
                educationalDesc: 'Educational: For educational institutions',
                personalDesc: 'Personal: For individual use',
                versionGuide: 'Version Number Guide',
                versionDesc: 'Enter the version number of your MobaXterm installation',
                versionNote: 'Note: Make sure to match your installed version exactly',
                installGuide: 'Installation Guide',
                installDesc: 'After generating the license file:',
                installStep1: 'For installed version: Copy Custom.mxtpro to C:\\Program Files (x86)\\Mobatek\\MobaXterm',
                installStep2: 'For portable version: Copy Custom.mxtpro to MobaXterm root directory',
                troubleshooting: 'Troubleshooting',
                troubleNote: 'Common issues and solutions:',
                trouble1: 'Invalid username: Use only English letters',
                trouble2: 'Version format error: Use format like 24.00 or 24.1',
                trouble3: 'License not working: Verify installation path and restart MobaXterm',
                disclaimer: 'Important Notice',
                disclaimerContent: 'This platform is for testing and research purposes only. Using cracked software may bring security risks and legal consequences. Please support the development of official software by purchasing licensed versions.',
                downloadText: 'Download official version:',
                downloadTooltip: 'Download MobaXterm from official website',
                footer: '© 2025 HouYuXi. All rights reserved.',
                donateButton: 'Donate',
                donateTooltip: 'Donate to the developer'
            },
            'zh-CN': {
                helpTitle: '使用帮助',
                backToHome: '返回生成器',
                quickStart: '快速开始',
                step1: '选择许可证类型（专业版/教育版/个人版）',
                step2: '输入用户名（仅支持英文字母）',
                step3: '输入版本号（例如：24.0）',
                step4: '输入用户数量（默认：1）',
                step5: '点击"生成许可证"按钮',
                detailedGuide: '详细指南',
                licenseTypes: '许可证类型说明',
                professionalDesc: '专业版：完整功能，推荐企业使用',
                educationalDesc: '教育版：适用于教育机构',
                personalDesc: '个人版：适用于个人使用',
                versionGuide: '版本号说明',
                versionDesc: '输入您安装的 MobaXterm 版本号',
                versionNote: '注意：请确保与已安装版本完全匹配',
                installGuide: '安装指南',
                installDesc: '生成许可证文件后：',
                installStep1: '安装版：复制 Custom.mxtpro 到 C:\\Program Files (x86)\\Mobatek\\MobaXterm',
                installStep2: '便携版：复制 Custom.mxtpro 到 MobaXterm 根目录',
                troubleshooting: '常见问题',
                troubleNote: '常见问题及解决方案：',
                trouble1: '用户名无效：请只使用英文字母',
                trouble2: '版本号格式错误：请使用类似 24.00 或 24.1 的格式',
                trouble3: '许可证不生效：请验证安装路径并重启 MobaXterm',
                disclaimer: '重要声明',
                disclaimerContent: '本平台仅用于测试和研究使用，使用破解软件可能带来安全风险和法律后果。请用户支持正版软件的开发，购买官方许可版本。',
                downloadText: '下载官方版本：',
                downloadTooltip: '从官方网站下载 MobaXterm',
                footer: '© 2025 侯钰熙. 保留所有权利.',
                donateButton: '捐赠',
                donateTooltip: '捐赠给开发者'
            },
            'zh-TW': {
                helpTitle: ' 使用幫助',
                backToHome: ' 返回生成器',
                quickStart: ' 快速開始',
                step1: ' 選擇許可證類型（專業版/教育版/個人版）',
                step2: ' 輸入用戶名（僅支持英文字母）',
                step3: ' 輸入版本號（例如：24.0）',
                step4: ' 輸入用戶數量（默認：1）',
                step5: ' 點擊“生成許可證”按鈕',
                detailedGuide: ' 詳細指南',
                licenseTypes: ' 許可證類型說明',
                professionalDesc: ' 專業版：完整功能，推薦企業使用',
                educationalDesc: ' 教育版：適用於教育機構',
                personalDesc: ' 個人版：適用於個人使用',
                versionGuide: ' 版本號說明',
                versionDesc: ' 輸入您安裝的MobaXterm版本號',
                versionNote: ' 注意：請確保與已安裝版本完全匹配',
                installGuide: ' 安裝指南',
                installDesc: ' 生成許可證檔案後：',
                installStep1: ' 安裝版：複製Custom.mxtpro到C:\Program Files（x86）\Mobatek\MobaXterm',
                installStep2: ' 便攜版：複製Custom.mxtpro到MobaXterm根目錄',
                troubleshooting: ' 常見問題',
                troubleNote: ' 常見問題及解決方案：',
                trouble1: ' 用戶名無效：請只使用英文字母',
                trouble2: ' 版本號格式錯誤：請使用類似24.00或24.1的格式',
                trouble3: ' 許可證不生效：請驗證安裝路徑並重啓MobaXterm',
                disclaimer: ' 重要聲明',
                disclaimerContent: ' 本平臺僅用於測試和研究使用，使用破解軟體可能帶來安全風險和法律後果。 請用戶支持正版軟體的開發，購買官方許可版本。',
                downloadText: ' 下載官方版本：',
                downloadTooltip: ' 從官方網站下載MobaXterm',
                footer: ' ©  2025侯鈺熙. 保留所有權利.',
                donateButton: '捐贈',
                donateTooltip: '捐贈給開發者'
            },
            'ja': {
                helpTitle: 'ヘルプを使用して',
                backToHome: 'ジェネレータ',
                quickStart: 'クイックスタート',
                step1: 'ライセンスタイプ（プロフェッショナル/教育/パーソナル）を選択してください。',
                step2: 'ユーザー名を入力します（英字のみ対応）',
                step3: 'バージョン番号（例：24.0）を入力してください',
                step4: 'ユーザー数を入力します（デフォルト：1）',
                step5: '「ライセンスの生成」ボタンをクリックしてください',
                detailedGuide: '詳細ガイド',
                licenseTypes: 'ライセンスタイプの説明',
                professionalDesc: 'Professional Edition：完全な機能、推奨企業の使用',
                educationalDesc: '教育版：教育機関に適用する',
                personalDesc: '個人版：個人用に適用する',
                versionGuide: 'バージョン番号の説明',
                versionDesc: 'インストールするMobaXtermバージョン番号',
                versionNote: '注：インストール済みバージョンと完全に一致していることを確認してください',
                installGuide: 'インストールガイド',
                installDesc: 'ライセンスファイルを生成した後：',
                installStep1: 'インストール版：Custom.mxtproをCにコピー：\Program Files (x86)\Mobatek\MobaXterm',
                installStep2: 'ポータブル：Custom.mxtproをMobaXtermルートにコピー',
                troubleshooting: 'よくある質問',
                troubleNote: '一般的な問題と解決策：',
                trouble1: 'ユーザー名が無効です：英字のみを使用してください',
                trouble2: 'バージョン番号の形式が間違っています：24.00または24.1のような形式を使用してください',
                trouble3: 'ライセンスは有効ではありません：インストールパスを検証し、MobaXterm を再起動してください。',
                disclaimer: '重要な宣言',
                disclaimerContent: 'このプラットフォームはテストと研究用にのみ使用されており、クラックソフトを使用すると安全リスクと法的結果をもたらす可能性があります。正規版ソフトウェアの開発をサポートし、公式ライセンスバージョンを購入してください。',
                downloadText: '公式バージョンをダウンロードしてください：',
                downloadTooltip: '公式サイトからMobaXterm をダウンロードします。',
                footer: '© 2025侯钰熙すべてのエンタイトルメントを保持.',
                donateButton: '寄付',
                donateTooltip: '開発者に寄付する'
            },

        };

        const app = createApp({
            data() {
                return {
                    currentLang: 'zh-CN',
                    i18n: i18n['zh-CN'],
                    currentTheme: 'dark'
                }
            },
            methods: {
                changeLang(event) {
                    const lang = event.target.value;
                    this.currentLang = lang;
                    this.i18n = i18n[lang];
                },
                changeTheme(theme) {
                    this.currentTheme = theme;
                    document.documentElement.setAttribute('data-theme', theme);
                    localStorage.setItem('theme', theme);
                }
            },
            mounted() {
                const savedTheme = localStorage.getItem('theme') || 'dark';
                this.changeTheme(savedTheme);

                const browserLang = navigator.language;
                if (browserLang.startsWith('zh')) {
                    this.currentLang = 'zh-CN';
                    this.i18n = i18n['zh-CN'];
                }
            }
        });

        // 挂载应用
        app.mount('#app');
    </script>
</body>

</html> 
